<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{$title|default="页面标题"}</title>
    <link rel="stylesheet" href="__STATIC__/css/frontend.css">
    <script src="__STATIC__/js/jquery.min.js"></script>
    <script src="__STATIC__/js/bootstrap.min.js"></script>
    <script src="__STATIC__/js/toastr.min.js"></script>
    <script src="__STATIC__/js/jquery.scrollUp.min.js"></script>
    <script src="//at.alicdn.com/t/font_932025_490wazvxhy8.js"></script>

    {block name="style"}
    {/block}

</head>
<body>
<!--nav-->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
    <div class="container">
        <a class="navbar-brand" href="{:url('Index/index')}">
            <img src="__STATIC__/images/logo.png" width="38" alt="活泼兔">
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="{:url('Index/index')}">首页</a>
                </li>
            </ul>
            {if $Think.session.user}
            <div class="dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                    <img class="img-avatar" src="__STATIC__/images/avatar.png" alt="admin@bootstrapmaster.com">
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                    <a class="dropdown-item" href="{:url('User/index')}">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-my"></use>
                        </svg> 会员中心
                    </a>
                    <a class="dropdown-item" href="{:url('User/profile')}">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-addressbook"></use>
                        </svg> 个人资料
                    </a>
                    <a class="dropdown-item" href="{:url('User/changePwd')}">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-unlock"></use>
                        </svg> 修改密码
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="{:url('User/logout')}">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-exit"></use>
                        </svg> 注销
                    </a>
                </div>
            </div>
            {else /}
            <a class="btn btn-sm btn-outline-secondary mr-2" href="{:url('User/login')}">登录</a>
            <a class="btn btn-sm btn-outline-secondary" href="{:url('User/register')}">注册</a>
            {/if}
        </div>
    </div>
</nav>

{block name="content"}
<!--cate-->
<div class="container">
    <div class="mt-4 px-4 py-4 cate-cont">
        <div>
            <span class="text-white">行业分类:</span>
            <span class="ml-2">
                <a href="" class="mr-1 text-white">农林牧渔</a>
                <a href="" class="mr-1 text-white">农林牧渔</a>
                <a href="" class="mr-1 text-white">农林牧渔</a>
                <a href="" class="mr-1 text-white">农林牧渔</a>
            </span>
        </div>
        <div class="mt-3">
            <span class="text-white">类型分类:</span>
            <span class="ml-2">
                <a href="" class="mr-1 text-white">电脑站</a>
                <a href="" class="mr-1 text-white">手机站</a>
            </span>
        </div>
        <div class="mt-3">
            <span class="text-white">颜色分类:</span>
            <span class="ml-2">
                <a href="" class="px-3 color-cate-red border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-yellow border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-green border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-blue border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-violet border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-gray border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-white border border-white border-right-0"></a>
                <a href="" class="px-3 color-cate-black border border-white"></a>
            </span>
        </div>
    </div>
</div>

<!--tempItem-->
<div class="container">
    <div class="d-flex flex-row flex-wrap justify-content-between">
        <div>
            <div class="mb-item-form">
                <div class="mb-item-win">
                    <div class="mb-model-pc">
                        <a href="" target="_blank" >
                            <img class="mb-model-pc-img" src="/static/images/test1.jpg">
                        </a>
                    </div>
                </div>
            </div>
            <div class="text-secondary mt-1 d-flex flex-row justify-content-start">
                <span>编号: PCG0001</span>
                <span class="ml-3">价格: 200</span>
            </div>
        </div>
    </div>
</div>
{/block}

<!--footer-->
<div class="footer mt-5 py-4 bg-light">
    <div class="container">
        <span>©huopotu.com</span>
    </div>
</div>

<script>
    $(function () {
        $.scrollUp({
            scrollImg: {
                active: true
            }
        });
    });
</script>

{block name="script"}
{/block}
</body>
</html>